﻿/*By the_liao*/

body{ margin:0 auto; padding:0; font-size:14px; color:#6b6b6b;  font-family:"Microsoft YaHei" ;  background:#FFF; position:relative; overflow-x:hidden }


/*Format*/
div,p,span,a,table,tr,td,input,img,form,h1,h2,h3,h4,h5,h6{margin:0; padding:0;}
ul,li,ol{margin:0; padding:0; list-style-type:none;}
img{border:none;}


/*Base*/
a:link,a:visited{color:#7a776c;text-decoration:none;}
a:hover{color:#F00;text-decoration:underline; }



.top { width: 1002px; height: 123px; background: url(../images/hxt/icon.png) left no-repeat; position: relative; margin: 0 auto; }
.top p{ font-size:24px; color:#237ea7; text-align:center; font-weight:bold; position:absolute; top:40px; right:45px; }

.nav{ width:100%; height:54px; background:url(../images/hxt/nav_bg.gif) repeat-x; font-size:18px;  position:relative;}
.nav ul{ width:980px; position:relative; margin:0 auto;}
.nav ul li{ width:160px; line-height:56px; float:left; text-align:center;}

.nav a:link,.nav a:visited{ color:#2d5e76;text-decoration:none;}
.nav a:hover{color:#FFF;text-decoration:underline; }

.activat a:link,.activat a:visited{color:#FFF;text-decoration:none;}
.activat a:hover{color:#FFF;text-decoration:underline; }


.content{ width:990px; position:relative; margin:0 auto; margin-top:15px;}
.content .left{ width:684px;  position:relative; }

/*首页滚动*/
.Picshow{ width:684px; height:342px; position:relative; margin:0 auto; margin-top:15px;}

/*PicShow html*/
.PicShow{background:none;}
.Container{width:684px; height:342px; overflow:hidden; position:absolute; border-radius:8px;}
.Container .Slider{position:absolute;}
.Container .Slider li{list-style:none;display:inline;}
.Container .Slider img{width:684px; height:342px; display:block; }
.Container .num{position:absolute; right:20px; bottom:5px;}
.Container .num li{color:#666; font-size:12px; text-align:center; line-height:16px; float:left; width:16px; height:16px; cursor:pointer; overflow:hidden; margin:3px 3px; border:1px solid #2d5e76; background-color:#ffffff; border-radius:16px}
.Container .num li.on{color:#FFF; line-height:21px; font-size:16px; font-weight:bold; width:21px; height:21px; margin:0 3px; border:none; background-color:#2d5e76;}






.content .container{ width:337px; height:500px; position:relative; float:left; margin-top:10px;}
.content .container h2{ width:337px; height:35px; background:#6ac5f7; font-size:16px; line-height:36px; font-weight:normal; text-indent:10px; color:#FFF; border-radius:5px}
.clear-float {clear: both;}

.content .container .more{ position:absolute; top:8px; right:10px;}
.more a:link,.more a:visited{color:#FFF;text-decoration:none;}
.more a:hover{color:#FFF;text-decoration:underline; }
.content .container ul{ margin-top:5px;}
.content .container ul li{ line-height:36px; background:url(../images/hxt/ico.gif) no-repeat 10px 17px; text-indent:25px;}

.content .right{ width:297px; position:absolute; top:0px; right:0px;}
.content .right .user{ width:297px; height:200px; background-color:#6ac5f7; background-image:url(../images/hxt/user_bg.gif); background-repeat:no-repeat; border-radius:10px;}
.content .right .user ul{ color:#FFF; position:relative; top:50px; left:50px;}
.content .right .user ul li{ height:40px;}
.content .right .user input{ width:140px; height:27px; border:none; padding:0 10px; border-radius:5px}
.content .right .user .forget{ width:107px; height:27px; font-family:"Microsoft YaHei" ; font-size:14px; background:#eef9ff; color:#6ac5f7; position:absolute; top:145px; left:30px; cursor:pointer; border-radius:5px}
.content .right .user .log{ width:107px; height:27px; font-family:"Microsoft YaHei" ; font-size:14px; background:#eef9ff; color:#6ac5f7; position:absolute; top:145px; left:160px; cursor:pointer; border-radius:5px}

.content .right img{ float:left; margin-top:5px;}


.foot{ width:100%; height:160px; border-top:2px solid #4abbf3;font-size:13px;}
.foot .link{ width:980px; line-height:36px; text-align:center; position:relative; margin:0 auto;}

.nav,.foot { min-width:1002px; }
/*Read*/

.content .read h3{ width:630px; height:40px; border-bottom:1px dotted #ccc; font-size:24px; color:#5e5c5c; text-align:center; padding:13px 0 0 0; position:relative; margin:0 auto;}
.content .read .txt{ font-size:12px; color:#ccc; text-align:center; margin-top:10px;}
.content .read p{ width:630px; line-height:28px; color:#5e5c5c; position:relative; text-indent:2em; margin-top:10px; margin:0 auto 10px; clear:both }
.content .read .poto {text-align:center; margin:10px;}
.content .read img{ padding:3px; border:#dcdcdc 1px solid;}
.content .read table{ width:550px; position:relative; margin:20px auto 0;}
.content .read table input{ width:200px; height:25px; border:1px solid #ccc;}
.content .read table textarea{ width:350px; height:100px; border:1px solid #ccc;}
.content .read table .Code{width:60px; }
.content .read table .Bnt_1{ width:80px; height:30px; background:#3086c9; border:none; color:#FFF; cursor:pointer; margin-right:10px;}
.content .read table .Bnt_2{ width:80px; height:30px; background:#CCC; border:none; color:#FFF; cursor:pointer;  }
